<include file="Public:base"/>

<body id="index" onresize="whenResize();">
    <!--[if lt IE 8]>
    <div id="bodyMask2" class="browser-mask"></div>
    <div class='browser-box'>
        <h2>噢，您是否知道您正在使用的浏览器无法完全支持我们的页面？</h2>
        <h3>很抱歉，由于采用了HTML5，当前浏览器无法完美呈现该页面。</h3>
        <div>
            <span>如果你还不知道什么是HTML5标准，请看<a href="http://zh.wikipedia.org/wiki/HTML5" target='_blank'>维基百科</a>。</span>建议您使用以下浏览器的最新版本： 
        </div>
        <ul>
            <li><a class="ico icoChrome" title='谷歌Chrome浏览器' href="http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html" target='_blank'></a></li>
            <li><a class="ico icoOpera" title='Opera浏览器' href="http://www.opera.com/" target='_blank'></a></li>
            <li><a class="ico icoFirefox" title='火狐浏览器' href="http://www.firefox.com.cn/download/" target='_blank'></a></li>
            <li><a class="ico icoSafar" title='Safar浏览器' href="http://www.apple.com.cn/safari/download/" target='_blank'></a></li>
        </UL>

        <p><a class="ico icoGt" href="/v2">访问旧版</a></p>
    </div>
    <![endif]-->
  <div id="wrapper">
        <div id="QRcode">
          <script type="text/javascript">
                var isOpen = false;
        function openQRcode(){
                    console.log(1);
          $("#QRcode").css("display","block");
          $("#QRcode").animate({height: '290px'},500,"easeOutExpo",function(){isOpen = true;});
        }
        function closeQRcode(){
          $("#QRcode").animate({height: '0px'},500,"easeOutExpo",function(){isOpen = false;$("#QRcode").css("display","none");});
        }
           
                function whenResize(){
                    var w = parseInt($('body').css('width').replace('px',''));
                    if (w&&w<=900&&isOpen){
                        closeQRcode();
                    }
                }
      </script>
          <div class="QRimage">
              <div class="weixin"></div>
                <div class="chupin"></div>
            </div>
            <a href="javascript:void(0);" onClick="closeQRcode();"></a>
            <div class="QRjiao"></div>
        </div><!--#QRcode-->
        <header>
          <a class="logo" href="__MODULE__"></a>
           
            <div id="navigator" class="clearfix">
              <nav class="clearfix">
              
              <ul>
                	                	<script type="text/javascript">
						var current = 1;
						var tickPlaying = false;
                    	function playTick(n){
							if (n == current)
							return;
							if (tickPlaying)
							return;
							
							$("#tick"+current).css("left","0px");
							$("#title"+current).css("color","#999999");
							
							tickPlaying = true;
							$("#tick"+n).animate({left: '19px'},300,'linear',function(){tickPlaying = false;});
							$("#title"+n).css("color","#000000");
							
							current = n;
						}
						function setCurrent(n){
							$("#tick"+n).css("left","19px");
							$("#title"+n).css("color","#000000");
						}
                    </script>
                    <li>
                        <div>
                            <div id="tick1" style="left: 19px;"></div>
                        </div>
                        <a id="title1" href="__MODULE__/Index" onclick="playTick(1);" style="color: rgb(0, 0, 0);">BLOG</a>
                    </li> 
                    <li>
                        <div>
                            <div id="tick2" ></div>
                        </div>
                        <a id="title2" href="__MODULE__/About/contact" onclick="playTick(2);" style="color: rgb(0, 0, 0);">contact</a>
                    </li> 
                    <li>
                        <div>
                            <div id="tick3" ></div>
                        </div>
                        <a id="title3" href="__MODULE__/About/about" onclick="playTick(3);" style="color: rgb(0, 0, 0);">ABOUT</a>
                    </li> 
                    
                </ul>
              
                </nav>
            </div><!--navigator-->
            
      
            <div id="category-container">
                <script type="text/javascript">
                    var isMenuOpen = false;
                    var isMenuPlaying = false;
                    function toggleMenu(){
                        if (isMenuPlaying){
                            return;
                        }
                        if (isMenuOpen){
                            isMenuPlaying = true;
                            $("#menu-container").animate({height:"0px"},200,"easeOutExpo",function(){
                                isMenuOpen = false;
                                isMenuPlaying = false;
                            });
                        }else{
                            isMenuPlaying = true;
                            $("#menu-container").animate({height:"144px"},200,"easeOutExpo",function(){
                                isMenuOpen = true;
                                isMenuPlaying = false;
                            });
                        }
                    }
                </script>
                <div id="menu-wraper" onclick='toggleMenu();'>
                    <div id="menu-button">
                        <p href>
                            <span></span>
                        </p>
                    </div>
                    
                </div>
            </div>
            <div id="menu-container">
                <div id="menu-list">
                    <ul>
                        <li><a class="current" href="__URL__/Index">BLOG</a></li>
                        <li><a  href="__MODULE__/About/contact">contact</a></li>
                        <li><a  href="__MODULE__/About/about">ABOUT</a></li>
                    </ul>
                </div>
            </div>
        </header> 
<section class="posts">
  <article id="post-1220" class="post">
    <div class="post-header">
    <h2 class="post-title">{$article.title}</h2>
    <div class="blog-info clearfix">
      <div class="view author-name">{$article.author}</div>
      <div class="view publish-time">{$article.created_at|date="Y.m.d",###}</div>
        <div class="view view-amount"><i class="icon-amount"></i>{$article.hits}</div>
       
    </div>
    </div>
    <div class="post-content">
    {$article.content}
    </div>
    <div class="post-sidebar">

                    <div class="sidebar-box qrcode-box">
    <div class="box-body">
      <div class="qrcode-mxd">
        <img src="__PUBLIC__/images/qrcode_jinbi.jpg" alt="">
      </div>

    </div>
    </div>
    </div>
  </article> 
</section>

<include file="Public:footer"/>
</div>
</body>
</html>